<template>
	<view class="box">
		<text>欢迎使用</text>
	</view>
	<view class="box2">
		<text>@import导入css样式以及scss变量用法与static目录</text>
	</view>
	<view class="box4">
		<text>pages设置页面路径以及窗口表现</text>
	</view>
	<view class="box3">
		<text>pages.json页面路由设置使用方式，globalSty的属性</text>
	</view>
	<view class="box3">
		<text>pages.json页面路由设置使用方式，globalSty的属性</text>
	</view>
	<view class="box3">
		<text>pages.json页面路由设置使用方式，globalSty的属性</text>
	</view>
	<view class="box3">
		<text>pages.json页面路由设置使用方式，globalSty的属性</text>
	</view>
	<view class="box3">
		<text>pages.json页面路由设置使用方式，globalSty的属性</text>
	</view>
</template>

<script setup>
	// import {
	// 	onReachBottom
	// } from "@dcloudio/uni-app"

	onReachBottom(() => {
		console.log('onReachBottom触底函数')
	})
</script>

<style lang="scss" scoped>
	.box {
		width: 200px;
		height: 200px;
		background: pink;

		text {
			color: $uni-color-error;
		}
	}

	.box2 {
		height: 150px;
		background: $custom-color-1;
		text {
			color: $uni-bg-color;
		}
	}

	.box3 {
		height: 300px;
		background: deeppink;

		text {
			color: $uni-bg-color;
		}
	}
	.box4{
		height: 150rpx;
		background: $uni-border-color;
	}
</style>